<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <script src="../../../../public/wechat/static/app/plugin/jquery-3.2.1.min.js"></script>
    <script src="../../../../public/wechat/static/app/plugin/swiper/swiper.jquery.min.js"></script>
    <link rel="stylesheet" href="../../../../public/wechat/static/css/ks.css">
</head>
<body>
    <header>
        <div>
            <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
            商品详情
        </div>
    </header>
    <div class="pages">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href=""><img src="../../../../public/wechat/static/image/fs.png"/></a>
                </div>
                <div class="swiper-slide">
                    <a href=""><img src="../../../../public/wechat/static/image/fs.png"/></a>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="list-form other has-b">
            <ul>
                <li>
                    <h4>鱿鱼寿司</h4>
                    <p>
                        <b class="color-primary">￥18</b>
                        <span class="font12">月售185</span>
                    </p>
                    <div class="absmiddle-right"><a class="btn color-primary">加入购物车</a></div>
                </li>
                <li>
                    <div>商品介绍</div>
                    <p class="font12">
                        商品介绍文字商品介绍文字商品介绍文字商品介绍文字商品介绍文字商品介绍文字商品介绍文字商品介绍文字商品介绍文字
                    </p>
                </li>
            </ul>
            <!--评价-->
            <ul>
                <li>商品评价（好评率：100%）</li>
                <li class="goods-list">
                    <ul>
                        <li>
                            <div class="img"><img src="../../../../public/wechat/static/image/timo.jpg" height="441" width="500"/></div>
                            <div class="text">
                                <div class="title">匿名用户</div>
                                <p class="ellipsis">好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!</p>
                            </div>
                        </li>
                        <li>
                            <div class="img"><img src="../../../../public/wechat/static/image/timo.jpg" height="441" width="500"/></div>
                            <div class="text">
                                <div class="title">匿名用户</div>
                                <p class="ellipsis">好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!</p>
                            </div>
                        </li>
                        <li>
                            <div class="img"><img src="../../../../public/wechat/static/image/timo.jpg" height="441" width="500"/></div>
                            <div class="text">
                                <div class="title">匿名用户</div>
                                <p class="ellipsis">好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!好吃，很好吃，好吃上瘾!</p>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
    </script>
</body>
</html>